<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>欢乐口红机</title>
  <!--<base href="{:env('host')}/static/game_h5/" target="_blank">-->
  <base href="http://static.jxqianbao.com/game_h5/" target="_blank">
  <script>
    (function (doc, win) {
  var docEl = win.document.documentElement;
  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
  /**
    * ================================================
    *   设置根元素font-size
    * 当设备宽度为375(iPhone6)时，根元素font-size=16px; 
    × ================================================
    */
  var refreshRem = function () {
    var clientWidth = win.innerWidth
                      || doc.documentElement.clientWidth
                      || doc.body.clientWidth;

    console.log(clientWidth)
    if (!clientWidth) return;
    var fz;
    var width = clientWidth;
    fz = 16 * width / 375;
    docEl.style.fontSize = fz + 'px';
  };

  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, refreshRem, false);
  doc.addEventListener('DOMContentLoaded', refreshRem, false);
  refreshRem();

})(document, window);
  </script>
  <link rel="stylesheet" href="css/index.css?v=1.0">
</head>
<body>
  <div class="nav">
    <div class="close">
      <img src="img/home/close.png" alt="">
    </div>
    <div class="currency-box">
      <span>100</span>
      <div class="currency">
        <img src="img/home/currency.png" alt="">
      </div>
    </div>
  </div>
  <div class="instance">
    <img src="img/home/instance.png" alt="">
  </div>
  <div class="info">
    <img class="l" src="img/home/lipstick.png" alt="">
    <img class="r" src="img/home/rule.png" alt="">
  </div>
  <p class="money">
    48 金币/次
  </p>
  <div class="start">
    <button>
      <a href="{:env('host')}/index/game/game?{$param}"  target="_self">
        <img src="img/home/btn_start.png" alt="">
      </a>
    </button>
  </div>
  <div class="btns">
    <button class="buy">
      <img src="img/home/btn_buy.png" alt="">
    </button>
    <button class="prize">
      <img src="img/home/btn_prize.png" alt="">
    </button>
    <button class="test">
      <a href="{:env('host')}/index/game/demo" target="_self">
        <img src="img/home/btn_test.png" alt="">
      </a>
    </button>
  </div>
  <div class="pb"></div>
</body>
<script typet="text/javascript" src="js/jquery.js?v=1.0"></script>
<script type="text/javascript" src="js/cookie.js?v=1.0"></script>
<script type="text/javascript" src="js/touch.js?v=1.0"></script>
<script src="js/index.js?v=1.0"></script>
</html>